<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<title>客户列表</title>
	<script type="text/javascript" src="js/flexible2.0.js"></script>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">

</head>
<body>
	<div class="coms-container" id="app">
		<ul class="khlb-nav">
            <li class="active"><a href="#">全部</a></li>
            <li><a href="#">待放款</a></li>
            <li><a href="#">已放款</a></li>
            <li><a href="#">已完成</a></li>
        </ul>
        <ul class="khlb-subnav">
            <li  class="active"><a href="#">资料待提交</a></li>
            <li><a href="#">资料审核中</a></li>
            <li><a href="#">资料未通过</a></li>
        </ul>
        <div class="khlb-search">
            <div class="search-box">
                <i class="iconfont icon-sousuo cicon-1"></i>
                <input type="text" class="ipt-search" placeholder="选择二手车商" />
                <a href="CheShang-search.html" class="cheshang-entry"></a>
                <i class="iconfont icon-guanbi_ cicon-2"></i>
            </div>
            
        </div>
        <div class="khlb-sxze">授信总金额：¥4,424,213.00</div>
            <ul class="khlb-list">
                <li>
                    <a href="KuHuDetail-DaiQianYue.html" class="detail">
                        <p class="tit">陈小1</p>
                        <p class="phone">13056242453</p>
                        <div class="total">最高可贷：¥180000.00</div>
                        <span class="status">待放款</span>
                    </a>
                    <div class="handle clearfix">
                        <p class="status">待签约</p>
                        <a href="KuHuDetail-DaiQianYue.html" >去签约</a>
                    </div>
                </li>
                <li>
                    <a href="KuHuDetail-SheHeZhong.html" class="detail">
                        <p class="tit">陈小2</p>
                        <p class="phone">13056242453</p>
                        <div class="total">实际贷款：¥180000.00</div>
                        <span class="status">放款审核中</span>
                    </a>
                    <div class="handle clearfix">
                        <p class="status">放款审核中</p>
                        <a href="KuHuDetail-SheHeZhong.html" class="">查看</a>
                    </div>
                </li>
                <li>
                    <a href="KuHuDetail-FangKuanShiBai.html" class="detail">
                        <p class="tit">陈小3</p>
                        <p class="phone">13056242453</p>
                        <div class="total">实际贷款：¥180000.00</div>
                        <span class="status">放款失败</span>
                    </a>
                    <div class="handle clearfix">
                        <p class="status danger">放款失败</p>
                        <a href="KuHuDetail-FangKuanShiBai.html" class="">查看</a>
                    </div>
                </li>
                <li>
                    <a href="KuHuDetail-ZiLiaoDaiTiJiao.html" class="detail">
                        <p class="tit">陈小4</p>
                        <p class="phone">13056242453</p>
                        <div class="total">实际贷款：¥180000.00</div>
                        <div class="freeze">冻结金额：¥10000.00</div>
                        <span class="status">已放款</span>
                    </a>
                    <div class="handle clearfix">
                        <p class="status">上传购车资料即可解除冻结</p>
                        <a href="KuHuDetail-ZiLiaoDaiTiJiao.html" class="">上传购车资料</a>
                    </div>
                </li>

                <li>
                    <a href="KuHuDetail-ZiLiaoSheHeZhong.html" class="detail">
                        <p class="tit">陈小5</p>
                        <p class="phone">13056242453</p>
                        <div class="total">实际贷款：¥180000.00</div>
                        <div class="freeze">冻结金额：¥10000.00</div>
                        <span class="status">已放款</span>
                    </a>
                    <div class="handle clearfix">
                        <p class="status">购车资料审核中</p>
                        <a href="KuHuDetail-ZiLiaoSheHeZhong.html" class="">查看</a>
                    </div>
                </li>

                <li>
                    <a href="KuHuDetail-ZiLiaoSheHeShiBai.html" class="detail">
                        <p class="tit">陈小6</p>
                        <p class="phone">13056242453</p>
                        <div class="total">实际贷款：¥180000.00</div>
                        <div class="freeze">冻结金额：¥10000.00</div>
                        <span class="status">已放款</span>
                    </a>
                    <div class="handle clearfix">
                        <p class="status danger">购车资料审核失败</p>
                        <a href="KuHuDetail-ZiLiaoSheHeShiBai.html" class="">查看</a>
                    </div>
                </li>

                <li>
                    <a href="KuHuDetail-YiWanCheng.html" class="detail">
                        <p class="tit">陈小7</p>
                        <p class="phone">13056242453</p>
                        <div class="total">实际可贷：¥180000.00</div>
                        <span class="status">已完成</span>
                    </a>
                    <div class="handle clearfix">
                        <p class="status">贷款已完成</p>
                        <a href="KuHuDetail-YiWanCheng.html" class="">查看</a>
                    </div>
                </li>
            </ul>
            <mugen-scroll :handler="fetchData" :should-handle="!loading" :scroll-container="scrollableContainer">
              loading...
            </mugen-scroll>
                  
            
        
	</div>
    
    <link rel="stylesheet" type="text/css" href="js/vue/mescroll/mescroll.css">
    <script type="text/javascript" src="js/vue/vue-2.5.17.js"></script>
    <script type="text/javascript" src="js/vue/axios.min.js"></script>
    <script type="text/javascript" src="js/vue/qs.js"></script>
    <script type="text/javascript" src="js/vue/vue-mugen-scroll.js"></script>
    <script type="text/javascript">
          var app = new Vue({
                el: '#app',
                data: {
                  loading: false,  
                  mescroll: null, //mescroll实例对象
                  dataList:[] //列表数据
                },
                methods:{
                     fetchData() {
                        this.loading = true
                        this.dataList=[
                            {uname:"陈1",mobile:"18559160494",},{},{}]
                      }
                },
                components: {MugenScroll}
               
          })


    </script>


</body>
</html>